<div style="width:100%;height:100%;">
  <!-- Tabs -->
  <div class="jimu-r-row">
    <div class="jimu-r-row">
      <div class="label" style="font-weight: bold;">
        ${nls.tabs_section_Label}
      </div>
      <hr/>
    </div>
    <div class="jimu-r-row">
      <div class="label">${nls.optional_lbl}</div>
    </div>
    <div class="jimu-r-row" style="padding-top:10px">
      <div class="col-1-2">
          <span class="label">${nls.incident_lbl}: </span>
          <input data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="incident_lbl" />
      </div>
      <div class="col-1-2">
          <span class="label">${nls.locate_lbl}: </span>
          <input data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="locate_lbl" />
      </div>
    </div>
    <div class="btn-add-section enable" data-dojo-attach-point="btnAddTab">
      <span class="btn-add-icon"></span>
      <span class="btn-add-label">${nls.addTab}</span>
    </div>
    <div data-dojo-attach-point="tabTable" data-dojo-type="jimu/dijit/SimpleTable" data-dojo-props='fields:[{name:"layer",title:"${nls.layerName}","class":"label",type:"empty",width:"400px"},{name:"type",title:"${nls.layerType}","class":"label",type:"empty"},{name:"label",title:"${nls.layerLabel}","class":"label",type:"empty"},{name:"actions",title:"${nls.actions}","class":"actions",type:"actions",actions:["up","down","edit","delete"],width:"100px"}]'></div>
  </div>
  <!-- General Settings: Distances -->
  <div class="jimu-r-row">
    <div class="label" style="padding-top:15px;font-weight: bold;">
      ${nls.general_setting_Label}
    </div>
    <hr />
    <div class="jimu-r-row" style="padding-top:15px">
      <div class="col-1-4">
        <span class="label">${nls.units_text_lbl}: </span>
        <select style="margin-left: 10px;" data-dojo-attach-point="selectUnits" data-dojo-type="dijit/form/Select">
          <option value="miles" selected="selected">${nls.miles}</option>
          <option value="kilometers">${nls.kilometers}</option>
          <option value="feet">${nls.feet}</option>
          <option value="meters">${nls.meters}</option>
          <option value="yards">${nls.yards}</option>
          <option value="nauticalMiles">${nls.nauticalMiles}</option>
        </select>
      </div>
      <div class="col-1-4">
        <input data-dojo-type="dijit/form/CheckBox" data-dojo-attach-point="chk_routing" title="${nls.routing_checkBox}" />
        <span class="label">${nls.routing_checkBox}</span>
      </div>
      <div class="col-2-4">
        <span class="label">${nls.maximum_distance_lbl}: </span>
        <input data-dojo-type="dijit/form/NumberTextBox" style="width:60px" data-dojo-attach-point="txt_maximumDistance" title="${nls.maximum_distance_lbl}" />
      </div>
    </div>
    <div class="jimu-r-row" style="padding-top:15px">
        <div class="col-1-3">
            <span class="label">${nls.buffer_text_lbl}: </span>
        </div>
        <div class="col-1-3">
            <span class="label">${nls.buffer_min_lbl}: </span>
        </div>
        <div class="col-1-3">
            <span class="label">${nls.buffer_max_lbl}: </span>
        </div>
    </div>
    <div class="jimu-r-row" style="padding-top:0px">
        <div class="col-1-3">
            <input data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="buffer_lbl" />
        </div>
        <div class="col-1-3">
            <input data-dojo-type="dijit/form/NumberTextBox" data-dojo-attach-point="buffer_min" />
        </div>
        <div class="col-1-3">
            <input data-dojo-type="dijit/form/NumberTextBox" data-dojo-attach-point="buffer_max" />
        </div>
    </div>
  </div>
  <br/>
  <!-- Weather Settings -->
  <div class="jimu-r-row" data-dojo-attach-point="div_special_tab">
    <div class="label" style="padding-top:15px;font-weight: bold;">
      ${nls.weather_Label}
    </div>
    <hr />
    <div class="jimu-r-row" style="padding-top:15px">
      <div class="col-1-3">
        <input data-dojo-type="dijit/form/CheckBox" data-dojo-attach-point="chk_weather" title="${nls.weather_checkBox}" />
        <span class="label">${nls.weather_checkBox}</span>
      </div>
      <div class="col-1-3">
        <input data-dojo-type="dijit/form/CheckBox" data-dojo-attach-point="chk_celsius" title="${nls.weather_celsius}" />
        <span class="label">${nls.weather_celsius}</span>
      </div>
      <div class="col-1-3">
        <div data-dojo-attach-point="btnSource" data-dojo-attach-event="onclick:_onBtnSelectLayersClicked" class='jimu-btn'>
          ${nls.selectLayers}
        </div>
      </div>
    </div>
    <div style="padding-top:15px; padding-left:15px">
      <span class="label">${nls.currentlySelectedLayer}:</span>
      <span class="label" data-dojo-attach-point="currentlySelectedLayer"></span>
    </div>
  </div>
  <!-- Layer Visibility Settings -->
  <div class="jimu-r-row">
    <div style="padding-top:15px; padding-bottom: 10px">
      <input data-dojo-type="dijit/form/CheckBox" data-dojo-attach-point="chk_disable" title="${nls.disable_checkBox}" />
      <span class="label">${nls.disable_checkBox}</span>
    </div>
  </div>
</div>
